<template>
<h1>属性绑定指令</h1>
  <input type="text" value="kk">
  <input type="text" value="info"><br>
<!-- 将input元素的value属性与info变量进行绑定，由info变量来控制输入框的默认值 -->
  <input type="text" v-bind:value="info">
  <input type="text" :value="info"><br>
  <hr>
<!-- 此处的url是一个字符串 -->
  <a href="url">超链接1</a>
<!-- 此处的url是一个响应式变量，由url来控制超链接的跳转位置 -->
<!-- :href="url" -->
  <a :href="url">超链接2</a>

</template>
<script setup>
import {ref} from "vue";

const info = ref('属性绑定12312312');
const url = ref('https://www.baidu.com');
url.value = 'https://www.jd.com';
</script>

<style scoped>

</style>